<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>uikit</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <nav>
        <div class="container">
            <ul>
                <li class="active"><a href="">Get Started</a></li>
                <li><a href="">Core</a></li>
                <li><a href="">Components</a></li>
                <li><a href="">Customizer</a></li>
                <li><a href="">Showcase</a></li>
                <li><a href="">Tutorials</a></li>
            </ul>
        </div>
    </nav>
<div class="banner">
    <img src="img/logo.png" alt="">
    <p>A lightweight and modular front-end framework<br>
      for developing fast and powerful web interfaces</p>
    <a href="">Download</a>
</div>


    <div class="feat">
        <div class="container">
            <h2>Features</h2>
            <p class="text-center">Ulikt gives you a comprehensive collection of html,css,and JS Components
                which is simple to use, to use,easy to customize and extendable</p>
            <div class="row">
                <div class="col-md-3">
                    <h3>LESS</h3>
                    <p>Ulkit is developed in LESS &SASS to
                        write well-structured, extendable code
                        which is easy tomaintain</p>
                </div>
                <div class="col-md-3">
                    <h3>Components</h3>
                    <p>A collection of small,responsive
                        components using consistent and
                        confict-free naming conventions</p>
                </div>
                <div class="col-md-3">
                    <h3>Customizer</h3>
                    <p>Ulkit's very basic style can be
                        extended with themes and is easy to
                        customize to create yourownlook</p>
                </div>
                <div class="col-md-3">
                    <h3>Responsive</h3>
                    <p>With the mobile-first approach Uikit
                        provides a consistent experience from
                        phones and tablets to desktops</p>
                </div>
            </div>
        </div>
    </div>

<div class="become">
        <div class="container">
        <h2>Become a part of the Uikit community</h2>
        <div class="row">
            <div class="col-md-4">
                <div class="item">
                    <img src="img/1.png" alt="">
                    <h3>twitter</h3>
                    <p>A lightweight and modular front-end frameworkA lighrweight and modular front-end framework</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="item">
                <img src="img/2.png" alt="">
                <h3>twitter</h3>
                <p>A lightweight and modular front-end frameworkA lighrweight and modular front-end framework</p>
            </div>
            </div>
            <div class="col-md-4">
                <div class="item">
                <img src="img/3.png" alt="">
                <h3>twitter</h3>
                <p>A lightweight and modular front-end frameworkA lighrweight and modular front-end framework</p>
                </div>
            </div>
        </div>
        </div>
    </div>
<footer>
    <p>made by YOOtheme with love and caffeine.</p>
    <p>Licensed under MIT license</p>
</footer>
</body>
</html>